<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex askingResources_flex_0"
        :style="{height:(100+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub askingResources_fd0_0'>
          <view class='flex flex-wrap align-center flex-sub askingResources_fd0_0_c0'>
            <image class='askingResources_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"68.png"'></image>
            <input class='flex-sub' type="text" :placeholder="$t('请输入搜索内容')" confirm-type="done" :maxlength="-1"
              placeholder-style="color:#999;font-size:28rpx" v-model="keywords" @confirm="getuw6553243867dd4Func()" />
          </view>
          <!-- <view class='flex flex-direction flex-wrap align-center askingResources_fd0_0_c1' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/map/mapone`">
            <image class='askingResources_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"34.png"'></image>
            <text class='askingResources_fd0_0_c1_c1'>{{$t('地图')}}</text>
          </view> -->
        </view>

      </view>
      <view :style="{height: (100+StatusBarRpx)+'rpx'}"></view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-wrap align-center justify-center benben-flex-layout">
        <view style="position: relative">
          <swiper @change="bannerIndexfd1_0 = $event.detail.current"
            class='flex position-relative askingResources_fd1_0' previous-margin="0rpx" next-margin="0rpx"
            :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>

            <template v-for='(item,key0) in carousel'>
              <swiper-item class='flex  askingResources_fd1_0' :key='key0' @click.stop="goUrl(item)"
                data-type="navigateTo" :data-url="item.href">
                <image class='askingResources_fd1_0_c1_c0' mode="scaleToFill" :src='item.thumb'></image>
              </swiper-item>
            </template>

          </swiper>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout askingResources_flex_2">
        <benben-down-menu ref="downMenu1699932952330"
          class='flex-direction flex-wrap align-stretch flex askingResources_fd2_0' v-model="is_droup" :auto='false'
          :z-index='99' mark-color='rgba(0,0,0,0.3)'>
          <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c1'>
            <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(1)">
              <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='1'">{{$t('排序')}}</text><text
                class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='1'">{{$t('排序')}}</text>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'
                v-if=" state!='1'"></image>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'
                v-if=" state=='1'"></image>
            </view>
            <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(2)">
              <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='2'">{{$t('区域')}}</text><text
                class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='2'">{{$t('区域')}}</text>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'
                v-if=" state!='2'"></image>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'
                v-if=" state=='2'"></image>
            </view>
            <!-- <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(3)">
              <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='3'">{{$t('求租方式')}}</text><text
                class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='3'">{{$t('求租方式')}}</text>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'
                v-if=" state!='3'"></image>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'
                v-if=" state=='3'"></image>
            </view> -->
            <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(4)">
              <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='4'">{{$t('租金')}}</text><text
                class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='4'">{{$t('租金')}}</text>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'
                v-if=" state!='4'"></image>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'
                v-if=" state=='4'"></image>
            </view>
            <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(5)">
              <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='5'">{{$t('更多')}}</text><text
                class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='5'">{{$t('更多')}}</text>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'
                v-if=" state!='5'"></image>
              <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'
                v-if=" state=='5'"></image>
            </view>
          </view>

          <template #popup>
            <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0'
              :class="state==2 || state==3 || state==5 ? 'active' : ''">
              <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='1'">
                <benben-select-diy ref="showSelectPopup1699950843741" class-name='flex flex-direction align-center flex'
                  :items.sync="sortType" v-model="sort_id" @change="getuw6553243867dd4Func()" default-type="value"
                  default-label="name" :allow-cancel='false' type="radio" :disabled='false'>
                  <template v-for='(item,key0) in sortType'>
                    <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                      :key="key0" @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                      <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                    </view>
                    <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                      <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                    </view>
                  </template></benben-select-diy>
              </view>
              <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='4'">
                <benben-select-diy ref="showSelectPopup1699951781476" class-name='flex flex-direction align-center flex'
                  :items.sync="rent" v-model="rent_id" default-type="aid" default-label="name" :allow-cancel='false'
                  type="radio" :disabled='false'>
                  <template v-for='(item,key0) in rent'>
                    <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                      :key="key0" @tap="$refs.showSelectPopup1699951781476.tapHandle(key0)">
                      <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.min_max_in}}</text>
                      <!-- <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>-</text>
                      <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.max_price}}</text> -->
                    </view>
                    <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1699951781476.tapHandle(key0)">
                      <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.min_max_in}}</text>
                      <!-- <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>-</text>
                      <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.max_price}}</text> -->
                    </view>
                  </template></benben-select-diy>
              </view>

              <scroll-view class='askingResources_fd2_0_c0_c2' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'
                v-if=" state=='3'">
                <view class='flex flex-direction align-stretch benben-scroll flex'>
                  <view class='flex container'>
                    <view class="conatiner-left" style="width:100%">
                      <view class="itemssss" :class="rental_value==item.aid ? 'active' : ''"
                        v-for="(item,index) in rentalType" @click.stop="choosetype(item)">{{item.name}}</view>
                    </view>
                    <!-- <view class="conatiner-right">
                      <view class="itemssss" :class="rentalchilder_value==item.aid ? 'active' : ''"
                        v-for="(item,index) in rentChildernList" @click.stop="chooseChildern(item)">{{item.name}}</view>
                    </view> -->
                  </view>
                </view>
              </scroll-view>
              <scroll-view class='askingResources_fd2_0_c0_c2' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'
                v-if=" state=='2'">
                <view class='flex flex-direction align-stretch benben-scroll flex'>
                  <view class='flex container'>
                    <view class="conatiner-left">
                      <view class="itemssss" :class="tabboxID==item.aid ? 'active1' : ''"
                        v-for="(item,index) in tabboxone" @click.stop="choosebox(item)">{{item.name}}</view>
                    </view>
                    <!-- 区域 -->
                    <view class="conatiner-left" v-if="tabboxID==1">
                      <view class="itemssss" :class="address==item.aid ? 'active' : ''"
                        v-for="(item,index) in addressList" @click.stop="chooseaddress(item)">{{item.name}}</view>
                    </view>
                    <view class="conatiner-right" v-if="tabboxID==1">
                      <view class="itemssss" :class="item.is_choose==1 ? 'active' : ''"
                        v-for="(item,index) in addressOneList" @click.stop="chooseaddressChildern(item)">{{item.name}}
                      </view>
                    </view>
                    <!-- end -->
                    <!-- 钢铁 -->
                    <view class="conatiner-left" v-if="tabboxID==2">
                      <view class="itemssss" :class="housingmrtbg_id==item.aid ? 'active' : ''"
                        v-for="(item,index) in housList" @click.stop="chooseHous(item)">{{item.name}}
                      </view>
                    </view>
                    <view class="conatiner-right" v-if="tabboxID==2">
                      <view class="itemssss" :class="item.is_choose==1 ? 'active' : ''"
                        v-for="(item,index) in housOneList" @click.stop="chooseHousChildern(item)">{{item.name}}
                      </view>
                    </view>
                    <!-- ttttt -->
                    <view class="conatiner-right" style="width: 78%;" v-if="tabboxID==3">
                      <view class="itemssss" :class="item.is_choose==1 ? 'active' : ''"
                        v-for="(item,index) in schoolList" @click.stop="chooseSchool(item)">{{item.name}}
                      </view>
                    </view>
                    <!-- ttttt -->
                  </view>
                </view>
              </scroll-view>
              <scroll-view class='askingResources_fd2_0_c0_c2' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'
                v-if=" state=='5'">
                <view class='flex flex-direction align-stretch benben-scroll flex'>
                  <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c2_c0'>
                    <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c0_c0_c0'>
                      <text class='askingResources_fd2_0_c0_c2_c0_c0_c0'>{{$t('房屋类型')}}</text>
                      <benben-select-diy ref="showSelectPopup1699955579591"
                        class-name='flex flex-wrap align-center flex' :items.sync="houseType" v-model="house_id"
                        default-type="aid" default-label="name" :allow-cancel='true' type="checkbox" :disabled='false'>
                        <template v-for='(item,key0) in houseType'>
                          <view v-if="item.isSelected"
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c0'
                            :key="key0" @tap="$refs.showSelectPopup1699955579591.tapHandle(key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.name}}</text>
                          </view>
                          <view v-else
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c1'
                            :key="key0" @tap="$refs.showSelectPopup1699955579591.tapHandle(key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.name}}</text>
                          </view>
                        </template></benben-select-diy>
                    </view>
                    <!-- <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c2_c0_c1'>
                      <text class='askingResources_fd2_0_c0_c2_c0_c0_c0'>{{$t('性别要求')}}</text>
                      <benben-select-diy ref="showSelectPopup1699955546204"
                        class-name='flex flex-wrap align-center flex' :items.sync="genderType" v-model="gender_id"
                        default-type="aid" default-label="name" :allow-cancel='false' type="radio" :disabled='false'>
                        <template v-for='(item,key0) in genderType'>
                          <view v-if="item.isSelected"
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c0'
                            :key="key0" @tap="$refs.showSelectPopup1699955546204.tapHandle(key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.name}}</text>
                          </view>
                          <view v-else
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c1'
                            :key="key0" @tap="$refs.showSelectPopup1699955546204.tapHandle(key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.name}}</text>
                          </view>
                        </template></benben-select-diy>
                    </view> -->
                    <!--      <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c2_c0_c1'>
                      <text class='askingResources_fd2_0_c0_c2_c0_c0_c0'>{{$t('所在楼层')}}</text>
                      <benben-select-diy ref="showSelectPopup1699955401694"
                        class-name='flex flex-wrap align-center flex' :items.sync="floorType" v-model="floor_id"
                        default-type="aid" default-label="name" :allow-cancel='false' type="radio" :disabled='false'>
                        <template v-for='(item,key0) in floorType'>
                          <view v-if="item.isSelected"
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c0'
                            :key="key0" @tap="$refs.showSelectPopup1699955401694.tapHandle(key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.name}}</text>
                          </view>
                          <view v-else
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c1'
                            :key="key0" @tap="$refs.showSelectPopup1699955401694.tapHandle(key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.name}}</text>
                          </view>
                        </template></benben-select-diy>
                    </view> -->
                    <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c2_c0_c1'>
                      <text class='askingResources_fd2_0_c0_c2_c0_c0_c0'>{{$t('面积')}}({{$t('㎡')}})</text>
                      <benben-select-diy ref="showSelectPopup1699954889353"
                        class-name='flex flex-wrap align-center flex' :items.sync="areaType" v-model="area_id"
                        default-type="aid" default-label="name" :allow-cancel='false' type="radio" :disabled='false'>
                        <template v-for='(item,key0) in areaType'>
                          <view v-if="item.isSelected"
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c0'
                            :key="key0" @tap="chooseArea(item,key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.min_max}}</text>
                            <!-- <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>-</text>
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.max_area}}</text> -->
                            <!-- <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'.>{{$t('㎡')}}</text> -->
                          </view>
                          <view v-else
                            class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c1'
                            :key="key0" @tap="chooseArea(item,key0)">
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.min_max}}</text>
                            <!--            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>-</text>
                            <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.max_area}}</text> -->
                            <!-- <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{$t('㎡')}}</text> -->
                          </view>
                        </template></benben-select-diy>
                      <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c0_c0_c0_c0'>
                        <view class='flex flex-wrap align-center askingResources_fd2_0_c0_c2_c0_c3_c2_c0'>
                          <input class='flex-sub askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0' type="number"
                            :placeholder="$t('最小面积')" confirm-type="done" :maxlength="-1"
                            placeholder-style="color:#999;font-size:28rpx" :value="minimum" @input="changeArea" />
                        </view>

                        <view class='flex  askingResources_fd2_0_c0_c2_c0_c3_c2_c1'></view>

                        <view class='flex flex-wrap align-center askingResources_fd2_0_c0_c2_c0_c3_c2_c0'>
                          <input class='flex-sub askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0' type="number"
                            :placeholder="$t('最大面积')" confirm-type="done" :maxlength="-1"
                            placeholder-style="color:#999;font-size:28rpx" :value="maximum" @input="changeArea" />
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </scroll-view>

              <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c0_c3'
                v-if=" in_array(state,'2,3,4,5')">
                <button class='askingResources_fd2_0_c0_c3_c0' @tap.stop="resetMethodFunc()">{{$t('重置')}}</button>
                <button class='askingResources_fd2_0_c0_c3_c1'
                  @tap.stop="getuw6553243867dd4Func()">{{$t('确定')}}</button>
              </view>
            </view>

          </template>
        </benben-down-menu>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout askingResources_flex_3">
        <template v-for='(item,key0) in listDataList'>
          <view class='flex flex-direction flex-wrap align-stretch askingResources_fd3_0' @tap.stop="handleJumpDiy"
            data-type="navigateTo"
            :data-url="`/pages/qiufangyuan/requestHousingDetails/requestHousingDetails?id=${item.aid}`" :key='key0'>
            <view class='flex flex-direction flex-wrap align-stretch'>
              <view class="flex">
                <!-- :class="item.rental_method==2 ? 'active' : ''" -->
                <!-- 长 1 套 2 短 3-->
                <text class='askingResources_fd3_0_c0_c0_c0'
                  :class="item.publisher_type==2? 'active' : item.publisher_type==3? 'active1' : ''"
                  v-if="item.publisher_type_name">{{item.publisher_type_name}}</text>
                <text class='askingResources_fd3_0_c0_c0_c1'>{{item.name}}</text>
              </view>
            </view>
            <view class='flex flex-wrap align-center askingResources_fd3_0_c1'>
              <view class='flex flex-wrap align-center askingResources_fd3_0_c1_c0'>
                <text class='askingResources_fd3_0_c1_c0_c0'>{{item.housingtype_name}}</text>
                <text class='askingResources_fd3_0_c1_c0_c0'>{{item.housinglift_name}}</text>
                <!-- <text class='askingResources_fd3_0_c1_c0_c0'>{{item.housingpublishergender_name}}</text> -->
                <text
                  class='askingResources_fd3_0_c1_c0_c0'>{{item.housingarearange_min_area}}{{$t('㎡')}}-{{item.housingarearange_max_area}}{{$t('㎡')}}
                </text>
              </view>
            </view>
            <view class='flex flex-direction flex-wrap align-start askingResources_fd3_0_c2'>
              <view class='flex flex-wrap align-center askingResources_fd3_0_c2_c0'
                v-for="(itemC,indexC) in item.addr_name" :key="indexC">
                <image class='askingResources_fd3_0_c2_c0_c0' mode="aspectFit" :src='STATIC_URL+"32.png"'></image>
                <text class='askingResources_fd3_0_c2_c0_c1'>{{itemC}}</text>
              </view>
              <!--  <view class='flex flex-wrap align-center askingResources_fd3_0_c2_c0'>
                <image class='askingResources_fd3_0_c2_c0_c0' mode="aspectFit" :src='STATIC_URL+"32.png"'></image>
                <text class='askingResources_fd3_0_c2_c0_c1'>{{item.housingaddress_name}}</text>
              </view> -->
            </view>
            <view class='flex flex-wrap align-center askingResources_fd3_0_c3'>
              <view class='flex flex-wrap align-center'>
                <text class='askingResources_fd3_0_c3_c0_c0'>{{$t('HK$')}}</text>
                <text class='askingResources_fd3_0_c3_c0_c1'>{{item.housingrentaudget_min_price}}</text>
                <text class='askingResources_fd3_0_c3_c0_c1'>-</text>
                <text class='askingResources_fd3_0_c3_c0_c1'>{{item.housingrentaudget_max_price}}</text>
                <text class='askingResources_fd3_0_c3_c0_c0'>/{{$t('月')}}</text>
              </view>
              <text class='askingResources_fd3_0_c3_c1'>{{$t('更多')}}</text>
            </view>
          </view>
        </template>
        <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
          :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
      </view>

      <!---flex布局flex布局结束-->


    </view>
    <!-- #ifdef H5 -->
    <view class="text-df text-white flex align-center justify-between fixedupload" @click.stop="upLoad">
      <view class="flex align-center">
        <image src="../../../static/logo.png" mode=""></image>
        <view class="">使用 NextRent App 解鎖完整功能 </view>
      </view>
      <view class="text-sm btns">去下載</view>
    </view>
    <!-- #endif -->
  </view>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  import {
    validate
  } from '@/common/utils/validate.js'
  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        "bannerIndexfd1_0": 0,
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "state": "0",
        "sortType": [{
          "name": global.i18n.t("默认排序"),
          "value": "",
          "image": ""
        }, {
          "name": global.i18n.t("最新发布"),
          "value": "1",
          "image": ""
        }, {
          "name": global.i18n.t("热门"),
          "value": "2",
          "image": ""
        }, {
          "name": global.i18n.t("价格由低到高"),
          "value": "3",
          "image": ""
        }, {
          "name": global.i18n.t("价格由高到低"),
          "value": "4",
          "image": ""
        }],
        "sort_id": "",
        "is_droup": false,
        "rent": [],
        "rent_id": "",
        "houseType": [],
        "house_id": "",
        "genderType": [],
        "gender_id": "",
        "floorType": [],
        "floor_id": "",
        "areaType": [],
        "area_id": "",
        "minimum": "",
        "maximum": "",
        "carousel": [],
        "listDataList": [],
        "keywords": "",
        rentalType: [],
        rental_value: '',
        rentChildernList: [],
        rentalchilder_value: '',
        addressList: [],
        address: '',
        addressOneList: [],
        oneaddress: '',
        tabboxone: [{
            aid: '1',
            name: global.i18n.t('区域')
          },
          {
            aid: '2',
            name: global.i18n.t('港铁')
          },
          {
            aid: '3',
            name: global.i18n.t('学校')
          }
        ],
        tabboxID: 1,
        housList: [],
        schoolList: [],
        housingschool_id: '',
        housingmrt_id: '',
        language_id: '',
        housingmrtbg_id: '',
        housOneList: []
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {

      this.get_housingaddress()
      this.gethousingrentalmethod()
      this.getDataFunc()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      this.language_id = global.locale
      uni.setTabBarItem({
        index: 0,
        text: this.$t('首页'),
        iconPath: '/static/tab/tab_diy0.png',
        selectedIconPath: '/static/tab/tab_diy0_active.png'
      })
      uni.setTabBarItem({
        index: 1,
        text: this.$t('求房源'),
        iconPath: '/static/tab/tab_diy1.png',
        selectedIconPath: '/static/tab/tab_diy1_active.png'
      })
      uni.setTabBarItem({
        index: 2,
        text: this.$t('发房源'),
        iconPath: '/static/tab/tab_diy2.png',
        selectedIconPath: '/static/tab/tab_diy2_active.png'
      })
      uni.setTabBarItem({
        index: 3,
        text: this.$t('我的'),
        iconPath: '/static/tab/tab_diy3.png',
        selectedIconPath: '/static/tab/tab_diy3_active.png'
      })
      this.getuw6553243867dd4Func()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {
      this.rent_id = '';
      this.rental_value = '';
      this.rentalchilder_value = '';
      this.address = '';
      this.oneaddress = '';
      this.house_id = '';
      this.gender_id = '';
      this.floor_id = '';
      this.area_id = '';
      this.minimum = '';
      this.maximum = '';
      this.keywords = ''
      this.housingschool_id = ''
      this.housingmrt_id = ''
      this.housingmrtbg_id = ''
      this.$api.post(global.apiUrls.post65839ead407bb, {}).then(res => { //获取钢铁
        if (res.data.code == 1) {
          this.housList = res.data.data
          this.housOneList = this.housList[0].children
        }
      })
      this.getuw6553243867dd4Func()
    },
    onReachBottom(e) {},
    onPageScroll(e) {

    },
    methods: {
      upLoad() {
        let platform = uni.getSystemInfoSync().platform
        if (platform == 'ios') {
          window.location.href = "https://apps.apple.com/cn/app/nextrent/id6475764677"
        } else {
          window.location.href = "https://play.google.com/store/apps/details?id=com.xianggangfangyuans.benben&pli=1"
        }
      },
      goUrl(item) {
        uni.navigateTo({
          url: `/pages/benben-built-in/web-view/web-view?webPath=${item.href}`
        })
      },
      // 选择区域
      get_housingaddress() {
        // 6561533eeee5a  post6542244679a53
        this.$api.post(global.apiUrls.post6561533eeee5a, {}).then(res => {
          if (res.data.code == 1) {
            this.addressList = res.data.data
            this.addressOneList = this.addressList[0].children
          }
        })
        this.$api.post(global.apiUrls.post655b03520e496, {}).then(res => { //获取学校
          if (res.data.code == 1) {
            this.schoolList = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post65839ead407bb, {}).then(res => { //获取钢铁
          if (res.data.code == 1) {
            this.housList = res.data.data
            this.housOneList = this.housList[0].children
          }
        })
      },
      // 选择港铁
      chooseHous(item) {
        this.housingmrtbg_id = item.aid
        this.housOneList = item.children
      },
      chooseHousChildern(item) {
        if (!this.housingmrtbg_id) {
          this.$message.info('请选择港铁')
          return;
        }
        item.is_choose == 1 ? item.is_choose = 0 : item.is_choose = 1
      },
      // 选择学校
      chooseSchool(item) {
        this.housingschool_id = item.aid
      },
      // 选择大的区域
      choosebox(item) {
        this.tabboxID = item.aid
      },
      chooseaddress(item) { //选择区域
        this.address = item.aid
        this.addressOneList = item.children
      },
      chooseaddressChildern(item) {
        item.is_choose == 1 ? item.is_choose = 0 : item.is_choose = 1
        // this.oneaddress = item.aid
      },
      // 获取求租整租数据
      gethousingrentalmethod() {
        this.$api.get(global.apiUrls.post654215d07b2d6, {
          type: 2
        }).then(res => {
          if (res.data.code == 1) {
            this.rentalType = res.data.data
            this.rentChildernList = this.rentalType[0].children
          }
        })
      },
      choosetype(item) { //求租房方式
        this.rental_value = item.aid
        this.rentChildernList = item.children
      },
      chooseChildern(item) {
        this.rentalchilder_value = item.aid
      },
      //隐藏下拉容器
      hidedropdownContainerFunc() {
        if (this.is_droup == false) {
          this.is_droup = true;
        } else {
          this.is_droup = false;
        }
      },
      //获取数据
      async getDataFunc() {
        //请求方法
        //数据验证

        let datarent = await this.$api.get(global.apiUrls.post6542169e650b1, {

        });

        if (datarent.data.code != 1) {
          this.$message.info(datarent.data.msg);
          return
        }
        let inforent = datarent.data;
        this.rent = inforent.data

        //请求方法
        //数据验证

        let datahouseType = await this.$api.get(global.apiUrls.post6542161b16125, {

        });

        if (datahouseType.data.code != 1) {
          this.$message.info(datahouseType.data.msg);
          return
        }
        let infohouseType = datahouseType.data;
        this.houseType = infohouseType.data

        //请求方法
        //数据验证

        let datagenderType = await this.$api.get(global.apiUrls.post6542166599a09, {

        });

        if (datagenderType.data.code != 1) {
          this.$message.info(datagenderType.data.msg);
          return
        }
        let infogenderType = datagenderType.data;
        this.genderType = infogenderType.data

        //请求方法
        //数据验证

        let datafloorType = await this.$api.get(global.apiUrls.post654216b51c976, {

        });

        if (datafloorType.data.code != 1) {
          this.$message.info(datafloorType.data.msg);
          return
        }
        let infofloorType = datafloorType.data;
        this.floorType = infofloorType.data

        //请求方法
        //数据验证

        let dataareaType = await this.$api.get(global.apiUrls.post6542167d0c660, {

        });

        if (dataareaType.data.code != 1) {
          this.$message.info(dataareaType.data.msg);
          return
        }
        let infoareaType = dataareaType.data;
        this.areaType = infoareaType.data

        //请求方法
        //数据验证

        let datacarousel = await this.$api.get(global.apiUrls.post641e624160dd0, {
          type: '2'
        });

        if (datacarousel.data.code != 1) {
          this.$message.info(datacarousel.data.msg);
          return
        }
        let infocarousel = datacarousel.data;
        this.carousel = infocarousel.data

      },
      //状态切换
      stateSwitchingFunc(type) {

        this.state = type;
        // if(!this.is_droup){
        //   this.is_droup=true
        // }else{
        //   this.is_droup=false
        // }
        this.hidedropdownContainerFunc()
      },
      //重置方法
      resetMethodFunc() {
        if (this.state == '4') {
          this.rent_id = '';
        } else if (this.state == '3') {
          this.rental_value = '';
          this.rentalchilder_value = '';
        } else if (this.state == '2') {
          this.address = '';
          this.oneaddress = '';
          this.housingschool_id = ''
          this.housingmrt_id = ''
          this.housingmrtbg_id = ''
          this.$api.post(global.apiUrls.post65839ead407bb, {}).then(res => { //获取钢铁
            if (res.data.code == 1) {
              this.housList = res.data.data
              this.housOneList = this.housList[0].children
            }
          })
        } else if (this.state == '5') {
          this.house_id = '';
          this.gender_id = '';
          this.floor_id = '';
          this.area_id = '';
          this.minimum = '';
          this.maximum = '';
        }
        this.hidedropdownContainerFunc()
        this.getuw6553243867dd4Func()
      },
      //筛选数据
      filterDataFunc() {

        if (this.state == '4') {
          this.hidedropdownContainerFunc()
        }
      },
      // 选择面积
      chooseArea(item, key0) {
        let that = this
        that.$refs.showSelectPopup1699954889353.tapHandle(key0)
        that.minimum = item.min_area
        that.maximum = item.max_area
        console.log('item', that.minimum)

      },
      changeArea() {
        this.area_id = ''
      },
      //查询求租列表
      getuw6553243867dd4Func() {
        let mrtArr = this.housOneList.filter(item => item.is_choose == 1)
        if (mrtArr.length) {
          this.housingmrt_id = mrtArr.map(itemC => {
            return itemC.aid
          }).join(',')
          console.log('housingmrt_id', this.housingmrt_id)
        }
        let chooseArr = this.addressOneList.filter(item => item.is_choose == 1)
        if (chooseArr.length) {
          this.oneaddress = chooseArr.map(itemC => {
            return itemC.aid
          }).join(',')
          console.log('chooseArr', this.oneaddress)
        }
        console.log('rent_id', this.rent_id)
        this.minixPagingListsApi = global.apiUrls.post6553243867dd4;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          housingarearange_min_area: this.minimum,
          housingtenantgender_id: this.gender_id,
          housingtype_id: this.house_id,
          housingrentalfloor_id: this.floor_id, //所在楼层
          housingarearange_max_area: this.maximum,
          keywords: this.keywords,
          sort_by: this.sort_id,
          housingrentalmethod_id: this.rental_value, //求租方式
          housingaddress_id: this.oneaddress, //区域
          housingschool_id: this.housingschool_id,
          housingmrt_id: this.housingmrt_id,
          monthly_rent: this.rent_id //租金
        }
        uni.stopPullDownRefresh()
        this.listData = [];
        this.listDataList = this.listData;
        this.pagingListToggle();

        this.is_droup = false;
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      }
    }
  };
</script>
<style lang="scss" scoped>
  .fixedupload {
    width: 100%;
    position: fixed;
    bottom: 100rpx;
    padding: 32rpx 24rpx;
    left: 0;
    text-align: center;
    background-color: #000;
    z-index: 9;
    border-radius: 44rpx 44rpx 0 0;

    image {
      width: 50rpx;
      height: 50rpx;
      border-radius: 16rpx;
      margin-right: 12rpx;
    }

    .btns {
      width: 120rpx;
      height: 60rpx;
      line-height: 60rpx;
      border-radius: 16rpx;
      text-align: center;
      width: #0181ff;
      background-color: #0181ff;
    }
  }

  .container {
    padding: 0rpx 0rpx 12rpx 0rpx;
    width: 100%;
    // height: 750rpx;
    background-color: #FFFFFF;

    .itemssss {
      height: 80rpx;
      line-height: 80rpx;
      color: #333333;
      // background-color: #FFFFFF;

      &.active {
        color: #00A7FF;
        background-color: #FFFFFF;
      }

      &.active1 {
        background-color: #e5e5e5;
      }
    }

    .conatiner-left {
      width: 20%;
      height: 100%;
      height: 750rpx;
      text-align: center;
      background-color: #F8F8F8;


    }

    .conatiner-right {
      background-color: #FFFFFF;
      width: 58%;
      text-align: left;
      padding-left: 2%;
      overflow-y: scroll;
      height: 550rpx;
    }
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: url(image-path('26.png')) no-repeat, #F8F8F8;
    background-size: 100% auto;
  }

  .askingResources_flex_0 {
    background: url(image-path('26.png')) no-repeat;
    width: 750rpx;
    height: 100rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto;
  }

  .askingResources_fd0_0_c1_c1 {
    color: #333333;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .askingResources_fd0_0_c1_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd0_0_c1 {
    margin: 0rpx 0rpx 0rpx 34rpx;
    position: relative;
  }

  .askingResources_fd0_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .askingResources_fd0_0_c0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 36rpx;
    background-size: 100% auto;
    padding: 16rpx 24rpx 16rpx 24rpx;
  }

  .askingResources_fd0_0 {
    padding: 0rpx 26rpx 0rpx 24rpx;
  }

  .askingResources_numberfd1_0_c0 {
    background: #d5d5d5;
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    width: 80rpx;
    height: 40rpx;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .askingResources_fd1_0_c1_c0 {
    width: 702rpx;
    height: 320rpx;
    border-radius: 16rpx;
  }

  .askingResources_fd1_0 {
    width: 702rpx;
    height: 320rpx;
  }

  .askingResources_swiperDotUnselectedfd1_0 {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  .askingResources_swiperDotSelectedfd1_0 {
    border: 1px solid #00A7FF;
    background: #00A7FF;
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  ::v-deep .askingResources_swiperDotfd1_0 {
    position: absolute;
    bottom: 8rpx;
    left: 0rpx;
    right: 0rpx;
  }

  .askingResources_flex_2 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c1_c0_c1 {
    width: 12rpx;
    height: 8rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .askingResources_fd2_0_c1_c0_c0_1 {
    color: var(--benbenFontColor4);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c1 {
    padding: 20rpx 24rpx 20rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c3_c1 {
    background: rgba(1, 129, 255, 1);
    border-radius: 40rpx;
    width: 480rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: var(--benbenFontColor3);
  }

  .askingResources_fd2_0_c0_c3_c0 {
    background: rgba(248, 248, 248, 1);
    border-radius: 40rpx;
    width: 190rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(51, 51, 51, 1);
  }

  .askingResources_fd2_0_c0_c3 {
    border-top: 1px solid #eee;
    padding: 8rpx 24rpx 8rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c1 {
    background: rgba(153, 153, 153, 1);
    width: 16rpx;
    height: 1rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
    transform: scaleY(0.5);
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0 {
    text-align: center;
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c0 {
    background: rgba(248, 248, 248, 1);
    width: 300rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .askingResources_fd2_0_c0_c2_c0_c1 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c1 {
    background: rgba(248, 248, 248, 1);
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0 {
    color: rgba(1, 129, 255, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c0 {
    background: rgba(1, 129, 255, 0.1);
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c2_c0 {
    padding: 0rpx 0rpx 32rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c2 {
    touch-action: none;
    width: 750rpx;
    height: 600rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c0_c0 {
    color: #0181FF;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c0 {
    padding: 0rpx 0rpx 32rpx 0rpx;
  }

  .askingResources_fd2_0_c0 {
    background: #ffffff;
    width: 750rpx;
    border-radius: 0rpx 0rpx 24rpx 24rpx;

    // &.active {
    //   margin-top: 72rpx;
    // }

  }

  .askingResources_fd2_0 {
    position: relative;
    z-index: 2;
  }

  .askingResources_flex_3 {
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .askingResources_fd3_0_c3_c1 {
    margin: 0rpx 0rpx 0rpx auto;
    color: #0181FF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 44rpx;
  }

  .askingResources_fd3_0_c3_c0_c1 {
    color: #F7582F;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 36rpx;
  }

  .askingResources_fd3_0_c3_c0_c0 {
    color: #F7582F;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .askingResources_fd3_0_c3 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd3_0_c2_c0_c1 {
    color: #666666;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .askingResources_fd3_0_c2_c0_c0 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 4rpx 0rpx 0rpx;
  }

  .askingResources_fd3_0_c2_c0 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd3_0_c2 {
    margin: 7rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd3_0_c1_c0_c0 {
    background: rgba(243, 245, 250, 1);
    color: rgba(106, 124, 143, 1);
    font-size: 22rpx;
    font-weight: 400;
    line-height: 32rpx;
    padding: 0rpx 7rpx 0rpx 7rpx;
    background-size: 100% auto !important;
    margin: 0rpx 10rpx 0rpx 0rpx;
  }

  .askingResources_fd3_0_c1_c0 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd3_0_c1 {
    margin: 9rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd3_0_c0_c0_c1 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 42rpx;
    width: 500rpx;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-left: 10rpx;
  }

  .askingResources_fd3_0_c0_c0_c0 {
    background: #9BA6F1;
    padding: 4rpx 14rpx 4rpx 14rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 42rpx;
    height: 42rpx;

    &.active {
      background: #E8A795;
    }

    &.active1 {
      background: rgba(250, 164, 58, 0.8);
    }
  }

  .askingResources_fd3_0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
    margin: 0rpx 0rpx 24rpx 0rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
  }
</style>
